<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>信用报告概述</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        div {
            box-sizing: border-box;
        }

        body, div, ul, li, h1, img, a {
            margin: 0;
            padding: 0;
            border: 0;
            font-family: "SimHei";
            font-size: 12px;
        }

        table {
            width: 100%;
            table-layout: fixed;
            border-collapse: collapse;
            word-break: break-strict;
            page-break-inside: avoid;
        }

        /*wukai start*/
        /*.pageBox{
            padding-left: 40px;
            width:210mm;
        }*/
        .page {
            /* padding: 20px; */
            height: 296mm;
            background: none;
            box-shadow: none;
        }

        .page1 {
            background-color: #ccc;
        }

        .page2 {
            padding: 45px 50px;
            /* background:url('js/bg.png') center no-repeat; */
        }

        .page2 h2 {
            text-align: center;
            margin: 10px 0;
            font-size: 20px;
        }

        /*wukai end*/

        .pageOne tr td {
            color: #333;
            font-size: 14px;
            padding-left: 8px;
            height: 25px;
            text-align: left;
        }

        .navMain {
            position: relative;
            /* padding-left: 40px; */
            width: 210mm;
            background: url(${watermark}) center 0px/100% repeat-y;
            padding-bottom: 30px;

        }

        .navMain .muder {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 1;
        }

        .navMain .contentT {
            width: 100%;
            padding: 60px 40px 40px;
        }

        .pageOne {
            width: 60%;
            margin: 0 auto
        }

        .navMain h1 {
            text-align: center;
            font-size: 18px;
        }

        .navMain h1:nth-child(1) {
            margin-top: 30px;
        }

        .navMain .content {
            overflow: auto;
            width: 100%;
            margin: 0 auto 40px;
        }

        .navMain .content ul li {
            list-style-type: none;
        }

        .navMain .content ul li span {
            padding: 20px 0px 20px 0px;
            display: inline-block;
            font-weight: bold;
            font-size: 15px;
        }

        .navMain .content .leftConent {
            float: left;
            overflow: hidden;
        }

        .navMain .content .leftConent table {
            width: 100%;
            border-collapse: collapse;
        }

        .navMain .content .leftConent table tr td {
            width: 74px;
            line-height: 40px;
            height: 40px;
            font-size: 15px;
            text-align: center;
            border: 1px solid #ccc;
            color: #333;
        }

        .navMain .content .leftConent .title {
            padding: 10px 10px 0;
            border: 1px solid #ccc;
        }

        .navMain .content .leftConent .title p {
            padding: 5px 10px;
            font-size: 12px;
        }

        .navMain .content .leftConent .zcjyqk {
            font-size: 14px;
        }

        .navMain .content .rightContent {
            float: right;
            width: 49%;
        }

        .navMain .content .rightContent table {
            border-collapse: collapse;
        }

        .navMain .content .rightContent .bottomQm p {
            margin: 0 0 5px 0;
            font-size: 16px;
            line-height: 24px;

        }

        .navMain .content .rightContent table tr td {
            /* width: 115px; */
            line-height: 27px;
            height: 27px;
            text-align: left;
            padding-left: 5px;
            border: 1px solid #4d4d4d
        }

        .page3 {
            padding: 20px 20px 0;
            font-size: 15px;
            clear: both;
        }

        .page3 table {
            margin-bottom: 20px;
            text-align: center;
        }

        .page3 table td img {
            width: 2cm;
        }

        .page3 table td {
            padding: 5px;
        }

        .page3 ul {
        }

        .page3 ul li {
            position: relative;
            float: left;
            width: 50%;
        }

        .page3 ul li .cmark {
            position: absolute;
            top: -10px;
            right: 30%;
            width: 4.2cm;
        }

        .page3 ul li div {
            margin-left: 65px;
            padding-top: 10px;
            font-size: 15px;
        }

        .page3 ul li div p {
            margin-bottom: 20px;
        }

        .page3 h5 {
            margin-bottom: 10px;
            font-size: 16px;
        }

        .first {
            /* width: 535px !important; */
            width: 100%;
            height: 52px;
            position: relative;
        }

        .first .xm, .first .year {
            margin: 0 auto;
            width: 90%;
            height: 50%;
            font-size: 16px;
        }

        .first .year {
            text-align: right;
        }

        /* 第三页 */
        .threePage p {
            padding: 6px;
        }

        .bgClass {
            font-size: 20px;
            font-weight: bold;
            padding: 20px;
        }

        .twoClass {
            font-size: 19px;
            padding-left: 20px;
        }

        .threePage .qyjbxx p {
            font-size: 19px;
        }

        .threePage .qyjbxx table tr td {
            height: 30px;
            font-size: 15px;
            padding: 5px;
            border: 1px solid #4d4d4d;
        }


        /* 第四页 */
        .CContent {
            margin: 0 30px;
        }

        .CContent p {
            font-size: 14px;
            padding: 15px 0px;
        }

        .CContent p span {
            color: #ff0000;
        }

        .zzjgszF {
            width: 100%;
        }

        .zzjgszF .zzjgsz {
            font-size: 20px;
            padding: 15px 0px 15px 15px;
        }

        .zzjgszF div p {
            font-size: 16px;
            padding: 5px;
            line-height: 36px;
            text-indent: 20px;
        }

        .zzjgszF div {
            height: auto;
            border: 1px solid #4d4d4d;
        }

        .twopage tr td {
            height: 30px;
            font-size: 15px;
            width: 100%;
            text-align: center;
            border: 1px solid #4d4d4d;
        }

        .twopage_custom {
            border: 1px solid #ccc;
            padding: 20px;
            border-collapse: initial;
            text-align: center;
        }

        .twopage_custom table {
            padding: 20px 0px;
            border-collapse: initial;
            border-bottom: 1px dashed #ccc;
        }

        .twopage_custom table:nth-child(1) {
            padding-top: 0;
        }

        .twopage_custom table:nth-last-child(1) {
            border: none;
        }

        .twopage_custom tr td {
            height: 30px;
            font-size: 15px;
            /* width: 100%; */
            text-align: left;
            line-height: 20px;
        }

        .twopage_custom tr td:nth-child(1) {
            width: 30%;
        }

        .twopage_custom tr td:nth-child(2) {
            width: 70%;
        }

        #sxcjData .twopage_custom tr th:nth-child(1) {
            text-align: left;
            color: #ff0000;
            border-left: 2px solid #ff0000;
            padding-left: 10px;
        }

        .twopage_custom tr th {
            text-align: right;
        }

        /* 第五页 */

        .pageThree tr:nth-child(1) td {
            font-weight: bold;
        }

        .jynlTable {
            height: auto;
            padding: 10px;
            border: 1px solid #4d4d4d;
        }

        .jynl {
            font-size: 19px;
            padding: 15px 0px 15px 15px;
        }

        .cyryqk {
            height: auto;
            border: 1px solid #4d4d4d;

        }

        .jbjl {
            font-size: 15px;
            text-indent: 10px;
            padding-top: 5px;
            padding-left: 10px;
            line-height: 24px;
        }

        .hyzk {
            font-size: 15px;
            text-indent: 10px;
            padding: 5px;
            line-height: 24px;
        }

        .info {
            font-size: 15px;
            padding: 10px;
            text-indent: 20px;
            line-height: 34px;
        }

        .pageThree tr td {
            height: 30px;
            font-size: 15px;
            width: 100%;
            text-align: center;
            border: 1px solid #4d4d4d;
        }

        .adrees {
            padding-right: 50px;
        }

        .adrees p {
            text-align: right;
            line-height: 40px;
            font-size: 19px;
        }

        .first td:nth-child(1) {
            font-weight: bold;
        }

        .zhenj {
            width: 554px;
            height: 396px;
            margin: 0 auto;
            /* background: url(../img/bgzj.png) no-repeat; */
        }

        .w3cbbs {
            page-break-after: always;
        }

        @page {
            size: A4;
            @bottom-right {
                font-size: 14px;
                content: counter(page) ;
            }
        }

        .content table tr td:nth-child(1) {
            text-align: left;
        }

        .firstPageBot {
            margin-bottom: 90px;
        }

        .firstPageBot tr td {
            border: 1px solid #000;
            padding: 10px;
            height: 30px !important;
            line-height: 30px !important;
        }
    </style>
</head>
<body>
<div class="navMain">
    <div class="muder"></div>
    <div class="content">
        <div class="contentT" style="font-family:微软雅黑">

            <div style="width:35%;">
                <img src="${enterpriseIcon}" style="width:100%;height:100%" />
            </div>
        </div>
        <div class="titleT" style="clear: both;margin-top:100px">
            <p style="text-align: center;font-size: 36px;font-family:宋体;margin-bottom: 30px;">信用报告</p>

            <table class="pageOne">
                <tr>
                    <td width="100">主体名称：</td>
                    <td class="A000001">${A000001}</td>
                </tr>
                <tr>
                    <td>统一社会信用代码：</td>
                    <td class="A000002">${A000002}</td>
                </tr>
                <tr>
                    <td>报告编号：</td>
                    <td class="bgbh">${bgbh}</td>
                </tr>
            </table>
        </div>
        <div style="text-align: center;margin-top: 100px;"></div>
        <div class="titleTwo" style="text-align: center;margin-top: 350px;">
            <!-- <p style="font-size: 19px;" class="A000001"></p> -->
            <!-- <p style="font-size: 20px;">二O一七年版</p> -->
        </div>
        <div class="firstPageBot">
            <div style="font-size: 15px;font-family:微软雅黑;width:50%;margin: 0 auto;">
                <table>
                    <tr>
                        <td>生成日期</td>
                        <td>${nowTime}</td>
                    </tr>
                    <tr>
                        <td>出具单位</td>
                        <td id="addressBg">${addressBg}</td>
                    </tr>
                </table>
            </div>
        </div>

    </div>
    <!--第二页  -->
    <!--<p class="w3cbbs"></p>-->
    <div class="page page2 content">
        <h2 style="font-size: 32px; color: #000;line-height: 100px;">概述</h2>
        <h2 class="A000001" style="text-align: left;font-size: 24px;color: #333;"></h2>
        <div class="leftConent">
            <ul>
                <li>
                    <span>基础信息</span>
                    <table>
                        <tr>
                            <td style="width:20%">统一社会信用代码</td>
                            <td style="width:30%" class="A000002">${A000002}</td>
                            <td style="width:20%">法定代表人</td>
                            <td style="width:30%" class="fddbr">${fddbr}</td>
                        </tr>
                        <tr>
                            <td>企业类型</td>
                            <td class="qylx">${qylx}</td>
                            <td>成立日期</td>
                            <td class="clrq">${clrq}</td>
                        </tr>
                        <tr>
                            <td>地址</td>
                            <td class="dz" colspan="3">${dz}</td>
                        </tr>
                    </table>
                </li>
                <li>
                    <span>公共信用信息</span>
                    <table>
                        <tr>
                            <td style="width:20%">行政许可信息</td>
                            <td style="width:30%" class="ggxx_xzxk">${ggxx_xzxk}</td>
                            <td style="width:20%">行政处罚信息</td>
                            <td style="width:30%" class="ggxx_xzcf">${ggxx_xzcf}</td>
                        </tr>
                        <tr>
                            <td>守信激励信息</td>
                            <td class="ggxx_sxjl">${ggxx_sxjl}</td>
                            <td>失信惩戒信息</td>
                            <td class="ggxx_sxcj">${ggxx_sxcj}</td>
                        </tr>
                        <tr>
                            <td>重点关注信息</td>
                            <td class="ggxx_zdgz">${ggxx_zdgz}</td>
                        </tr>
                    </table>
                </li>
                <li>
                    <span>说明</span>
                    <div class="title">
                        ${title}
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!--第三页  -->
    <!--<p class="w3cbbs"></p>-->
    <div class="threePage">
        <p style="font-size: 32px; color: #000;line-height: 100px;text-align: center;
            margin: 10px 0;">正文</p>
        <p class="A000001" style="text-align: left;font-size: 24px;color: #333;    padding-left: 30px;">${A000001}</p>

    </div>
    <!-- 基本信息 -->
    <div class="CContent">
        <div class="qyjbxx">
            <p>基础信息</p>
            <table class="twopage_custom">
                <tr>
                    <td>企业名称：</td>
                    <td class="A000001">${A000001}</td>
                </tr>
                <tr>
                    <td>统一社会信用代码：</td>
                    <td class="A000002">${A000002}</td>
                </tr>
                <tr>
                    <td>法定代表人/负责人/执行事务合伙人：</td>
                    <td class="fddbr">${fddbr}</td>
                </tr>
                <tr>
                    <td>企业类型：</td>
                    <td class="qylx">${qylx}</td>
                </tr>
                <tr>
                    <td>成立日期：</td>
                    <td class="clrq">${clrq}</td>
                </tr>
                <tr>
                    <td>地址：</td>
                    <td class="dz">${dz}</td>
                </tr>
                <tr>
                    <td>法定代表人：</td>
                    <td class="fddbr">${fddbr}</td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 行政许可 -->
    <div class="CContent" id="xzxkData" ${xzxkDataStyle}>
        <p>行政许可信息（共<span>${xzxkDataCount}</span>条）</p>
        <div class="twopage_custom">
            ${xzxkDataDom}
        </div>
    </div>
    <!-- 行政处罚 -->
    <div class="CContent" id="xzcfData" ${xzcfDataStyle}>
        <p>行政处罚信息（共<span>${xzcfDataCount}</span>条）</p>
        <div class="twopage_custom">
            ${xzcfDataDom}
        </div>
    </div>
    <!-- 守信激励 -->
    <div class="CContent" id="sxjlData" ${sxjlDataStyle}>
        <p>守信激励信息（共<span>${sxjlDataCount}</span>条）</p>
        <div class="twopage_custom">
            ${sxjlDataDom}
        </div>
    </div>
    <!-- 失信惩戒 -->
    <div class="CContent" id="sxcjData" ${sxcjDataStyle}>
        <p>失信惩戒信息（共<span>${sxcjDataCount}</span>条）</p>
        <div class="twopage_custom">
            ${sxcjDataDom}
        </div>
    </div>
    <!-- 重点关注 -->
    <div class="CContent" id="zdgzData" ${zdgzDataStyle}>
        <p>重点关注信息（共<span>${zdgzDataCount}</span>条）</p>
        <div class="twopage_custom">
            ${zdgzDataDom}
        </div>
    </div>
    <!-- 评价信息 -->
    <div class="CContent" id="pjxxData">
        <p>评价信息</p>
        <div class="twopage_custom">
            ${pjxxDataDom}
        </div>
    </div>
    <!--尾页 -->
    <!--<p class="w3cbbs"></p>-->
</div>
</body>

</html>